
<template>
  <div class="main-container">
    <div style="background-color: #fff; height: 100%">
      <a-tabs   :lazy-load="true" justify type="card">
        <a-tab-pane key="1" title="外加工收货">
          <div style="height: 100%">
            <ReceiptList0></ReceiptList0>
          </div>
        </a-tab-pane>
        <a-tab-pane key="2" title="毛坯仓入库">
          <div style="height: 100%">
            <ReceiptList1></ReceiptList1>
          </div>
        </a-tab-pane>
        <a-tab-pane key="3" title="五金仓入库">
          <div style="height: 100%">
            <ReceiptList2></ReceiptList2>
          </div>
        </a-tab-pane>
        <a-tab-pane key="4" title="化工仓入库">
          <div style="height: 100%">
            <ReceiptList3></ReceiptList3>
          </div>
        </a-tab-pane>
        <a-tab-pane key="5" title="胶管仓入库">
          <div style="height: 100%">
            <ReceiptList4></ReceiptList4>
          </div>
        </a-tab-pane>
        <a-tab-pane key="6" title="油品仓入库">
          <div style="height: 100%">
            <ReceiptList5></ReceiptList5>
          </div>
        </a-tab-pane>
          <a-tab-pane key="7" title="成品仓入库">
            <div style="height: 100%">
              <ProductInStock></ProductInStock>
            </div>
          </a-tab-pane>

      </a-tabs>
    </div>
  </div>
</template>
  
<script lang="ts">
import ReceiptList0 from './components/ReceiptList0.vue'
import ReceiptList1 from './components/ReceiptList1.vue'
import ReceiptList2 from './components/ReceiptList2.vue'
import ReceiptList3 from './components/ReceiptList3.vue'
import ReceiptList4 from './components/ReceiptList4.vue'
import ReceiptList5 from './components/ReceiptList5.vue'
import ProductInStock from './components/ProductInStock.vue'

export default {
  name: 'Receipt2',
  setup() { },
  components: {
    ReceiptList0,
    ReceiptList1,
    ReceiptList2,
    ReceiptList3,
    ReceiptList4,
    ReceiptList5,
    ProductInStock
  },
}
</script>
  
<style scoped>
.main-container {
  height: 100%;
}

:deep(.ag-cell-value) {
  user-select: initial;
  -moz-user-select: text;
  -ms-user-select: text;
  -webkit-user-select: text;
}

:deep(.arco-table-td-content) {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

:deep(.ag-cell) {
  border-right: 1px solid #dde2eb;
}

:deep(.ag-header-cell) {
  border-right: 1px solid #dde2eb;
}
</style>